<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>列表页</title>
		<link rel="stylesheet" type="text/css" href="../css/list.css"/>
		<script type="text/javascript" src="../js/require.js" defer async="true" data-main="../js/list/main"></script>
	</head>
	<body>
		<!--
        	作者：318990114@qq.com
        	时间：2017-12-23
        	描述：顶部工具栏
        -->
        <div id="toolsbox">
			<div id="tools">
				<span>欢迎光临易果生鲜!</span>
				<span>配送至：</span>
				<span>北京<i></i>
					<div id="citylist" class="clear">
						<h3>请根据您的收货地址选择<a href="#">全国其他城市&gt;&gt;</a></h3>
						<dl>
							<dt>
								<h4>热门城市</h4>
							</dt>
							<dd>
								<a href="#">上海</a><a href="#">北京</a><a href="#">天津</a><a href="#">南京市</a><a href="#">苏州市</a><a href="#">昆山市</a><a href="#">无锡市</a><a href="#">杭州市</a><a href="#">宁波市</a>
							</dd>
						</dl>
						<ul class="clear">
							<li class="showlist">ABCDE</li>
							<li>FGHIJ</li>
							<li>KLMNO</li>
							<li>PQRST</li>
							<li>UVWXYZ</li>
							<div class="list1">
								<div class="list2 clear">
									<em>A</em><strong><a href="#">安庆市</a></strong>
								</div>
								<div class="list2 clear">
									<em>B</em><strong><a href="#">滨州市</a><a href="#">蚌埠市</a><a href="#">保定市</a><a href="#" class="green">北京</a><a href="#">北京(郊区)</a></strong>
								</div>
								<div class="list2 clear">
									<em>C</em><strong><a href="#">崇明县</a><a href="#">慈溪市</a><a href="#">滁州市</a><a href="#">成都市</a><a href="#">承德市</a><a href="#">长春市</a><a href="#">常熟市</a><a href="#">常州市</a><a href="#">池州市</a><a href="#">长沙市</a><a href="#">巢湖市</a><a href="#">沧州市</a><a href="#">重庆市</a></strong>
								</div>
								<div class="list2 clear">
									<em>D</em><strong><a href="#" class="green">东莞市</a><a href="#">大连市</a><a href="#">东营市</a><a href="#">德州市</a><a href="#">丹阳市</a></strong>
								</div>
							</div>
							<div class="list1">
								<div class="list2 clear">
									<em>F</em><strong><a href="#" class="green">佛山市</a><a href="#">福州市</a><a href="#">阜阳市</a><a href="#">奉化市</a></strong>
								</div>
								<div class="list2 clear">
									<em>G</em><strong><a href="#" class="green">广州市</a></strong>
								</div>
								<div class="list2 clear">
									<em>H</em><strong><a href="#">衡水市</a><a href="#">淮南市</a><a href="#">菏泽市</a><a href="#">淮北市</a><a href="#">邯郸市</a><a href="#">海宁市</a><a href="#">合肥市</a><a href="#">黄山市</a><a href="#">哈尔滨市</a><a href="#">湖州市</a><a href="#">淮安市</a><a href="#" class="green">杭州市</a></strong>
								</div>
								<div class="list2 clear">
									<em>J</em><strong><a href="#">济南市</a><a href="#">句容市</a><a href="#">揭阳市</a><a href="#">吉林市</a><a href="#">嘉兴市</a><a href="#">景德镇市</a><a href="#" class="green">江门市</a><a href="#">江阴市</a><a href="#">金华市</a><a href="#">济宁市</a></strong>
								</div>
							</div>
							<div class="list1">
								<div class="list2 clear">
									<em>K</em><strong><a href="#" class="green">昆山市</a></strong>
								</div>
								<div class="list2 clear">
									<em>L</em><strong><a href="#">丽水市</a><a href="#">临沂市</a><a href="#">聊城市</a><a href="#">兰州市</a><a href="#">连云港市</a><a href="#">六安市</a><a href="#">辽阳市</a><a href="#">莱芜市</a><a href="#">廊坊市</a></strong>
								</div>
								<div class="list2 clear">
									<em>M</em><strong><a href="#">马鞍山市</a></strong>
								</div>
								<div class="list2 clear">
									<em>N</em><strong><a href="#">南宁市</a><a href="#">南昌市</a><a href="#">南通市</a><a href="#" class="green">南京市</a><a href="#" class="green">宁波市</a></strong>
								</div>
							</div>
							<div class="list1">
								<div class="list2 clear">
									<em>Q</em><strong><a href="#">泉州市</a><a href="#">秦皇岛市</a><a href="#">青岛市</a><a href="#">衢州市</a></strong>
								</div>
								<div class="list2 clear">
									<em>R</em><strong><a href="#">日照市</a></strong>
								</div>
								<div class="list2 clear">
									<em>S</em><strong><a href="#">绍兴市</a><a href="#">宿州市</a><a href="#">宿迁市</a><a href="#">沈阳市</a><a href="#">汕头市</a><a href="#" class="green">深圳市</a><a href="#" class="green">上海</a><a href="#">上海(郊区)</a><a href="#" class="green">苏州市</a><a href="#">石家庄市</a></strong>
								</div>
								<div class="list2 clear">
									<em>T</em><strong><a href="#">唐山市</a><a href="#">太原市</a><a href="#">台州市</a><a href="#">泰安市</a><a href="#">铜陵市</a><a href="#">桐乡市</a><a href="#">太仓市</a><a href="#">泰州市</a><a href="#" class="green">天津</a></strong>
								</div>
							</div>
							<div class="list1">
								<div class="list2 clear">
									<em>W</em><strong><a href="#">潍坊市</a><a href="#">武汉市</a><a href="#">芜湖市</a><a href="#">温州市</a><a href="#">威海市</a><a href="#">吴江市</a><a href="#" class="green">无锡市</a></strong>
								</div>
								<div class="list2 clear">
									<em>X</em><strong><a href="#">宣城市</a><a href="#">邢台市</a><a href="#">西安市</a><a href="#">厦门市</a><a href="#">徐州市</a></strong>
								</div>
								<div class="list2 clear">
									<em>Y</em><strong><a href="#">扬州市</a><a href="#">宜兴市</a><a href="#">盐城市</a><a href="#">烟台市</a><a href="#">仪征市</a><a href="#">阳江市</a><a href="#">余姚市</a><a href="#">燕郊</a><a href="#">义乌市</a><a href="#">银川市</a></strong>
								</div>
								<div class="list2 clear">
									<em>Z</em><strong><a href="#">张家口市</a><a href="#">亳州市</a><a href="#" class="green">珠海市</a><a href="#">郑州市</a><a href="#">湛江市</a><a href="#">张家港市</a><a href="#" class="green">中山市</a><a href="#">舟山市</a><a href="#">枣庄市</a><a href="#">淄博市</a><a href="#">镇江市</a></strong>
								</div>
							</div>
						</ul>
					</div>
				</span>
				<ul>
					<li id="userlogin"><a href="login.html">[登录]</a></li>
					<li id="userrequire"><a href="register.html">[注册]</a></li>
					<li id="myyi">
						<b></b><a href="#">我的易果<i></i></a>
						<ul>
							<li><a href="#">我的订单</a></li>
							<li><a href="#">我的优惠券</a></li>
							<li><a href="#">我的收藏</a></li>
							<li><a href="#">我的悠币</a></li>
							<li><a href="#">我的退换货</a></li>
							<li><a href="#">预付款查询</a></li>
							<li><a href="#">立即充值</a></li>
						</ul>
					</li>
					<li id="phone">
						<b></b><a href="#">手机易果<i></i></a>
						<ul>
							<li>
								<img src="../img/qrcode_app.jpg" alt="" />
								<p>扫一扫下载APP</p>
							</li>
							<li>
								<img src="../img/qrcode_wechat.jpg" alt="" />
								<p>易果生鲜微信</p>
							</li>
						</ul>
					</li>
					<li><b></b><a href="#">储值卡</a></li>
					<li><b></b><a href="#">提货券入口</a></li>
				</ul>
			</div>
        </div>
		<!--
        	作者：318990114@qq.com
        	时间：2017-12-23
        	描述：header
        -->
        <div id="headerbox">
	        <div id="header">
	        	<h1><a href="../index.html"><img src="../img/logo.png" alt="" /></a></h1>
	        	<form action="" method="post">
	        		<input type="text" name="" id="search" value="输入商品名/编号/拼音"/>
	        		<input type="button" value="搜索" id="btn"/>
	        		<span><a href="#">圣诞美食</a></span><span><a href="#">意式圣诞蛋糕</a></span><span><a href="#">火锅</a></span><span><a href="#">奇异果</a></span><span><a href="#">榴莲</a></span><span><a href="#">亚米星球</a></span><span><a href="#">澳大利亚脐橙</a></span><span><a href="#">新西兰苹果</a></span><span><a href="#">生巧克力</a></span>
	        	</form>
	        	<div id="shopcar">
	        		<a href="shopcar.html"><p><span>0</span><span>0.0</span></p></a>
	        	</div>
	        </div>
	    </div>
	     <!--
        	作者：318990114@qq.com
        	时间：2017-12-29
        	描述：fixed
        -->
        <div id="fixed">
        	<div></div>
        	<div id="top"></div>
        </div>
        <!--
        	作者：318990114@qq.com
        	时间：2018-01-01
        	描述：nav
        -->
        <ul id="nav">
    		<li id="list">
    			<span id="list1">全部商品分类<i></i></span>
    			<ul>
        			<li>
        				<a href="list.html"><span></span><p>进口水果</p><b>&gt;</b></a>
        				<div>
        					<h3><a href="list.html">进口水果</a></h3>
    						<a href="infor.html">奇异果</a>
                            <a href="infor.html">车厘子</a>
                            <a href="infor.html">莓</a>
                            <a href="infor.html">牛油果</a>
                            <a href="infor.html">提子</a>
                            <a href="infor.html">苹果</a>
                            <a href="infor.html">柑桔橙柚</a>
                            <a href="infor.html">香蕉</a>
                            <a href="infor.html">火龙果</a>
                            <a href="infor.html">椰子</a>
                            <a href="infor.html">芒果</a>
                            <a href="infor.html">凤梨</a>
                            <a href="infor.html">热带水果</a>
                            <a href="infor.html">时令水果</a>
                            <a href="infor.html">原箱水果</a>
        					<img src="../img/list (4).png" alt="" />
        				</div>
        			</li>
        			<li>
        				<a href="#"><span></span><p>国产水果</p><b>&gt;</b></a>
        				<div>
        					<h3><a href="#">国产水果</a></h3>
        					<a href="#">苹果</a>
                            <a href="#">梨</a>
                            <a href="#">柑桔橙柚</a>
                            <a href="#">猕猴桃</a>
                            <a href="#">瓜</a>
                            <a href="#">葡萄</a>
                            <a href="#">枣</a>
                            <a href="#">莓</a>
                            <a href="#">芒果</a>
                            <a href="#">凤梨</a>
                            <a href="#">芭乐</a>
                            <a href="#">百香果</a>
                            <a href="#">热带水果</a>
                            <a href="#">时令水果</a>
                            <a href="#">原箱水果</a>
        					<img src="../img/list (5).png" alt="" />
        				</div>
        			</li>
        			<li>
        				<a href="#"><span></span><p>精选肉类</p><b>&gt;</b></a>
        				<div>
        					<h3><a href="#">精选肉类</a></h3>
        					<a href="#">进口牛肉</a>
        					<a href="#">国产牛肉</a>
        					<a href="#">猪肉</a>
        					<a href="#">羊肉</a>
        					<a href="#">香肠</a>
        					<a href="#">火腿/培根</a>
        					<a href="#">肉制品</a>
        					<a href="#">进口鹿肉</a>
        					<img src="../img/list (6).png" alt="" />
        				</div>
        			</li>
        			<li>
        				<a href="#"><span></span><p>禽类蛋品</p><b>&gt;</b></a>
        				<div>
        					<h3><a href="#">禽类蛋品</a></h3>                                                  									<a href="#">鸡</a>
                                <a href="#">鸭</a>
                                <a href="#">鹅/鸽/特色禽类</a>
                                <a href="#">蛋</a>
        					<img src="../img/list (7).png" alt="" />
        				</div>
        			</li>
        			<li>
        				<a href="#"><span></span><p>即烹美食</p><b>&gt;</b></a>
        				<div>
        					<h3><a href="#">即烹美食</a></h3>
        					<a href="#">独家秘制</a>
                            <a href="#">生猛海鲜</a>
                            <a href="#">日韩料理</a>
                            <a href="#">美味靓汤</a>
                            <a href="#">经典主菜</a>
                            <a href="#">中华美食</a>
                            <a href="#">精致西餐</a>
                            <a href="#">开胃小菜</a>
                            <a href="#">东南亚风味</a>
                            <a href="#">田园时蔬</a>
        					<img src="" alt="" />
        				</div>
        			</li>
        			<li>
        				<a href="#"><span></span><p>海鲜水产</p><b>&gt;</b></a>
        				<div>
        					<h3><a href="#">海鲜水产</a></h3>                                                    								<a href="#">鱼</a>
                            <a href="#">三文鱼</a>
                            <a href="#">虾</a>
                            <a href="#">蟹</a>
                            <a href="#">贝</a>
                            <a href="#">活鲜</a>
                            <a href="#">海产干货</a>
                            <a href="#">特色海产</a>
        					<img src="../img/list (8).png" alt="" />
        				</div>
        			</li>
        			<li>
        				<a href="#"><span></span><p>乳品糕点</p><b>&gt;</b></a>
        				<div>
        					<h3><a href="#">乳品糕点</a></h3>
        					<a href="#">奶酪</a>
                            <a href="#">黄油/奶油</a>
                            <a href="#">酸奶/乳酸饮料</a>
                            <a href="#">牛奶</a>
                            <a href="#">面包</a>
                            <a href="#">蛋糕</a>
                            <a href="#">甜点</a>
        					<img src="../img/list (9).png" alt="" />
        				</div>
        			</li>
        			<li>
        				<a href="#"><span></span><p>新鲜蔬菜</p><b>&gt;</b></a>
        				<div>
        					<h3><a href="#">新鲜蔬菜</a></h3>
        					<a href="#">叶菜类</a>
                            <a href="#">根茎类</a>
                            <a href="#">茄果/瓜果类</a>
                            <a href="#">花菜/豆类</a>
                            <a href="#">菌菇</a>
                            <a href="#">沙拉菜</a>
                            <a href="#">冷冻蔬菜</a>
                            <a href="#">豆制品</a>
                            <a href="#">葱蒜类</a>
                            <a href="#">蔬菜组合</a>
        					<img src="../img/list (1).png" alt="" />
        				</div>
        			</li>
        			<li>
        				<a href="#"><span></span><p>方便速食</p><b>&gt;</b></a>
        				<div>
        					<h3><a href="#">方便速食</a></h3>
        					<a href="#">养生汤品</a>
                            <a href="#">冷冻点心</a>
                            <a href="#">中式主食</a>
                            <a href="#">火锅料</a>
                            <a href="#">冷藏熟食</a>
                            <a href="#">半成品菜</a>
                            <a href="#">易盒家宴</a>
        					<img src="../img/list (10).png" alt="" />
        				</div>
        			</li>
        			<li>
        				<a href="#"><span></span><p>粮油杂店</p><b>&gt;</b></a>
        				<div>
        					<h3><a href="#">粮油杂店</a></h3>
        					<a href="#">米</a>
                            <a href="#">杂粮</a>
                            <a href="#">面/面制品</a>
                            <a href="#">油</a>
                            <a href="#">调味料</a>
                            <a href="#">干货</a>
                            <a href="#">果干/零食</a>
        					<img src="../img/list (2).png" alt="" />
        				</div>
        			</li>
        			<li>
        				<a href="#"><span></span><p>饮料酒水</p><b>&gt;</b></a>
        				<div>
        					<h3><a href="#">饮料酒水</a></h3>
        					<a href="#">水</a>
                            <a href="#">果汁/饮料</a>
                            <a href="#">冲调饮品</a>
                            <a href="#">葡萄酒/酒具</a>
        					<img src="../img/list (3).png" alt="" />
        				</div>
        			</li>
        			<li>
        				<a href="#"><span></span><p>礼品礼券</p><b>&gt;</b></a>
        				<div>
        					<h3><a href="#">礼品礼券</a></h3>
        					<a href="#">礼品礼盒</a>
                            <a href="#">礼卡礼券</a>
                            <a href="#">原膳礼盒</a>
                            <a href="#">智能硬件</a>
        					<img src="../img/list (11).png" alt="" />
        				</div>
        			</li>
    			</ul>
    		</li>
    		<li><a href="#">新品专区</a></li>
    		<li><a href="#">新品专区</a></li>
    		<li><a href="#">新品专区</a></li>
    		<li><a href="#">菜谱专栏</a></li>
    	</ul>
	    <!--
        	作者：318990114@qq.com
        	时间：2017-12-29
        	描述：content
        -->
	    <div id="contentbox">
	    	<div id="content" class="clear">
	    		<img class="mr" src="../img/list1.jpg" alt="" />
	    		<img class="mr" src="../img/list2.jpg" alt="" />
	    		<img class="mr" src="../img/list3.jpg" alt="" />
	    		<img class="mr" src="../img/list4.jpg" alt="" />
	    		<img class="mr" src="../img/list5.jpg" alt="" />
	    		<ul id="content_list" class="clear">
	    			<span><i></i>所有分类</span>
	    			<li><a href="infor.html">奇异果</a></li>
	    			<li><a href="infor.html">车厘子</a></li>
	    			<li><a href="infor.html">莓</a></li>
	    			<li><a href="infor.html">牛油果</a></li>
	    			<li><a href="infor.html">提子</a></li>
	    			<li><a href="infor.html">苹果</a></li>
	    			<li><a href="infor.html">梨</a></li>
	    			<li><a href="infor.html">柑橘橙柚</a></li>
	    			<li><a href="infor.html">香蕉</a></li>
	    			<li><a href="infor.html">火龙果</a></li>
	    			<li><a href="infor.html">椰子</a></li>
	    			<li><a href="infor.html">芒果</a></li>
	    			<li><a href="infor.html">凤梨</a></li>
	    			<li><a href="infor.html">热带水果</a></li>
	    			<li><a href="infor.html">时令水果</a></li>
	    			<li><a href="infor.html">原箱水果</a></li>
	    		</ul>
	    		<div id="content_sort">
	    			<span class="opton">默认排序</span>
	    			<span>销量</span>
	    			<span>价格</span>
	    			<span>评论</span>
	    		</div>
	    		
	    	</div>
	    </div>
	     <!--
        	作者：318990114@qq.com
        	时间：2017-12-26
        	描述：service
        -->
        <div id="servicebox">
        	<div id="service">
        		<ul>
        			<li><span></span><h3>全球精选</h3><h4>一站式生鲜购物方案</h4></li>
        			<li><span></span><h3>多仓直发</h3><h4>特有次日达配送服务</h4></li>
        			<li><span></span><h3>源头直采</h3><h4>精选正宗品质好食材</h4></li>
        			<li><span></span><h3>天天底价</h3><h4>会员专属优惠购不停</h4></li>
        		</ul>
        	</div>
        </div>
        <!--
        	作者：318990114@qq.com
        	时间：2017-12-27
        	描述：footer
        -->
        <div id="footerbox">
        	<div id="footer">
        		<div>
        			<h3>新手指南</h3>
        			<ul>
        				<li><a href="#">账户注册</a></li>
        				<li><a href="#">购物流程</a></li>
        				<li><a href="#">订购方式</a></li>
        				<li><a href="#">悠币说明</a></li>
        				<li><a href="#">会员等级</a></li>
        			</ul>
        		</div>
        		<div>
        			<h3>付款方式</h3>
        			<ul>
        				<li><a href="#">支付方式</a>/<a href="#">发票说明</a></li>
        				<li><a href="#">充值说明</a>/<a href="#">储值卡说明</a></li>
        				<li><a href="#">优惠代码</a>/<a href="#">礼品卡说明</a></li>
        				<li><a href="#">卡券购买章程</a></li>
        			</ul>
        		</div>
        		<div>
        			<h3>配送方式</h3>
        			<ul>
        				<li><a href="#">配送运费</a></li>
        				<li><a href="#">配送范围</a></li>
        				<li><a href="#">配送时间</a></li>
        			</ul>
        		</div>
        		<div>
        			<h3>售后服务</h3>
        			<ul>
        				<li><a href="#">退换货政策</a></li>
        				<li><a href="#">退换货流程</a></li>
        				<li><a href="#">常见问题</a></li>
        				<li><a href="#">极速退款</a></li>
        				<li><a href="#">投诉与建议</a></li>
        			</ul>
        		</div>
        		<div>
        			<h3>关于我们</h3>
        			<ul>
        				<li><a href="#">公司介绍</a></li>
        				<li><a href="#">联系我们</a></li>
        				<li><a href="#">业务合作</a></li>
        				<li><a href="#">诚信举报</a></li>
        				<li><a href="#">人才招聘</a></li>
        				<li><a href="#">友情链接</a></li>
        			</ul>
        		</div>
        		<h1>客服热线 400-000-7788 企业采购或团购，请转2号键咨询&nbsp;&nbsp;&nbsp;&nbsp;周一至周日 9:00-21:00</h1>
        		<h2>所有图片均受著作权保护，未经许可任何单位与个人不得使用、复制、转载、摘编，违者必究法律责任。</h2>
        		<h2><a href="#">沪ICP备09008015号</a>&nbsp;Copyright &copy; 2005-2017&nbsp;<a href="#">上海易果电子商务有限公司</a>版权所有</h2>
        		<h4>
        			<a href="#"><img src="../img/footer1.png" alt="" /></a>
        			<a href="#"><img src="../img/footer2.png" alt="" /></a>
        			<a href="#"><img src="../img/footer3.gif" alt="" /></a>
        			<a href="#"><img src="../img/footer4.png" alt="" />沪公网安备 31010502000002号</a>
        		</h4>
        	</div>
        </div>
	</body>
	<script>
		
	</script>
</html>
